<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="renderer" content="webkit" />
		<!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>长虹[联合运营平台后台管理系统]</title>
		<!-- 全局CSS 开始-->
		<link href="../css/global/bootstrap.min.css" rel="stylesheet" />
		<link href="../css/global/font-awesome.min.css" rel="stylesheet" />
		<link href="../css/global/simple-line-icons.css" rel="stylesheet" />
		<link href="../css/global/animate.css" rel="stylesheet" />
		<link href="../css/global/style.css" rel="stylesheet" />
		<link href="../js/plugins/pace/pace.css" rel="stylesheet" />
		<!-- 全局CSS 结束-->
		<!-- 页面CSS 开始-->
		<!-- 页面CSS 结束-->
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="../js/bootstrap/html5shiv.min.js"></script>
		<script src="../js/bootstrap/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="wrapper wrapper-content animated fadeInUp">
			<div class="row page-heading">
				<h4><i class="fa fa-flask"></i>  UI组件 / 图标</h4>
			</div>
			<div class="row">
	            <div class="col-sm-6">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>标题</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                        <h1>标题 1
	                            <small>Sub-heading</small>
	                        </h1>
	                        <h2>标题 2
	                            <small>Sub-heading</small>
	                        </h2>
	                        <h3>标题 3
	                            <small>Sub-heading</small>
	                        </h3>
	                        <h4>标题 4
	                            <small>Sub-heading</small>
	                        </h4>
	                        <h5>标题 5
	                            <small>Sub-heading</small>
	                        </h5>
	                        <h6>标题 6
	                            <small>Sub-heading</small>
	                        </h6>
	                    </div>
	                </div>
	            </div>
	            <div class="col-sm-6">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>段落文字</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                    	<h5>常规段落</h5>
	                        <p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
	                        <h5><span  class="text-primary">缩进2em</span>段落  <small>给p添加<code>.text-indent</code>的class</small></h5>
	                        <p class="text-indent">这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
	                    </div>
	                </div>
	            </div>
            </div>
            <div class="row">
	            <div class="col-sm-6">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>无序列表</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                        <ul>
	                            <li>这些项目或者是对Bootstrap</li>
	                            <li>进行了有益的补充，</li>
	                            <li>或者是基于Bootstrap开发的</li>
	                            <li>这些项目或者是对Bootstrap</li>
	                            <li>进行了有益的补充，
	                                <ul>
	                                    <li>或者是基于</li>
	                                    <li>Bootstrap开发的</li>
	                                    <li>这些项目或者</li>
	                                    <li>是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</li>
	                                </ul>
	                            </li>
	                            <li>T是对Bootstrap进行了</li>
	                            <li>有益的补充，或者</li>
	                            <li>是基于Bootstrap开发的</li>
	                        </ul>
	                    </div>
	                </div>
	            </div>
	            <div class="col-sm-6">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>有序列表</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                        <ol>
	                            <li>这些项目或者是对Bootstrap</li>
	                            <li>进行了有益的补充，</li>
	                            <li>或者是基于Bootstrap开发的</li>
	                            <li>这些项目或者是对Bootstrap</li>
	                            <li>进行了有益的补充，
	                                <ul>
	                                    <li>或者是基于</li>
	                                    <li>Bootstrap开发的</li>
	                                    <li>这些项目或者</li>
	                                    <li>是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</li>
	                                </ul>
	                            </li>
	                            <li>T是对Bootstrap进行了</li>
	                            <li>有益的补充，或者</li>
	                            <li>是基于Bootstrap开发的</li>
	                        </ol>
	                    </div>
	                </div>
	            </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>文字添加颜色  <small>添加<code>.text-primary</code>等class</small></h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-user">
                                    <li><a href="#">Config option 1</a>
                                    </li>
                                    <li><a href="#">Config option 2</a>
                                    </li>
                                </ul>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                                <p class="text-muted">This is an example of muted text.</p>
                                <p class="text-primary">This is an example of primary text.</p>
                                <p class="text-success">This is an example of success text.</p>
                                <p class="text-info">This is an example of info text.</p>
                                <p class="text-warning">This is an example of warning text.</p>
                                <p class="text-danger">This is an example of danger text.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>引用块</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-user">
                                    <li><a href="#">Config option 1</a>
                                    </li>
                                    <li><a href="#">Config option 2</a>
                                    </li>
                                </ul>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                                <blockquote>
                                    <p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的这些项目或者是对Bootstrap进行了有益的补充</p>
                                    <small>引用自<strong>作者</strong>的<cite title="" data-original-title="">《著作》</cite></small>
                                </blockquote>
                                <pre>
    &lt;blockquote&gt;
    &lt;p&gt;
       这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的这些项目或者是对Bootstrap进行了有益的补充
    &lt;/p&gt;
    &lt;small&gt;引用自&lt;strong&gt;作者&lt;/strong&gt;的&lt;cite title="" data-original-title=""&gt;《著作》&lt;/cite&gt;&lt;/small&gt;
    &lt;/blockquote&gt;
                                </pre>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
	            <div class="col-sm-4">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>对齐</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                        <p class="text-left">相左对齐</p>
	                        <p class="text-center">居中对齐</p>
	                        <p class="text-right">向右对齐</p>
	                    </div>
	                </div>
	            </div>
	            <div class="col-sm-4">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>地址块</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                        <address>
	                            <strong>四川长虹电器股份有限公司软件与服务中心<br />应用与服务部</strong><br />
	                           地址  :  成都市高新区云华路333号国家西部信息产业园（南区）1栋15楼<br />
	                           手机  :  13880146462
	                        </address>

	                        <address>
	                            <strong>某某某</strong><br />
	                            <a href="mailto:#">first.last@example.com</a>
	                        </address>

	                    </div>
	                </div>
	            </div>
	            <div class="col-sm-4">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                    <h5>列表组    <small><a href="http://v3.bootcss.com/components/#list-group">list-group更多详情</a></small></h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content no-padding">
	                        <ul class="list-group">
	                            <li class="list-group-item">
	                                <span class="badge badge-primary">16</span>
	                                But I must explain to
	                            </li>
	                            <li class="list-group-item ">
	                                <span class="badge badge-info">12</span>
	                                How all this mistaken
	                            </li>
	                            <li class="list-group-item">
	                                <span class="badge badge-danger">10</span>
	                                But because occasionally
	                            </li>
	                            <li class="list-group-item">
	                                <span class="badge badge-success">10</span>
	                                But who has any right
	                            </li>
	                            <li class="list-group-item">
	                                <span class="badge badge-warning">7</span>
	                                On the other hand
	                            </li>
	                        </ul>
	                    </div>
	                </div>
	            </div>
        	</div>
        	<div class="row">
	            <div class="col-sm-6">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>列表组</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                    	<p>列表组中的每个元素都可以是任何 HTML 内容，甚至是像下面的带链接的列表组。详情见<a href="http://v3.bootcss.com/components/#list-group-custom-content">list-group-custom-content</a></p>
	                        <div class="list-group">
	                            <a class="list-group-item" href="#">
	                                <h3 class="list-group-item-heading">A wonderful serenity has taken</h3>

	                                <p class="list-group-item-text">I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. </p>
	                            </a>

	                            <a class="list-group-item" href="#">
	                                <h3 class="list-group-item-heading">Why painful the sixteen how minuter</h3>

	                                <p class="list-group-item-text">I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath </p>
	                            </a>

	                            <a class="list-group-item" href="#">
	                                <h3 class="list-group-item-heading">Barton waited twenty always repair</h3>

	                                <p class="list-group-item-text">I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary</p>
	                            </a>
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="col-sm-6">
	                <div class="ibox float-e-margins">
	                    <div class="ibox-title">
	                        <h5>Wells</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
	                    </div>
	                    <div class="ibox-content">
	                    	<p>把 Well 用在元素上，能有嵌入（inset）的的简单效果。</p>
	                    	<div class="highlight">
	                    		<pre><code class="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;well well-lg&quot;</span><span class="nt">&gt;</span>...<span class="nt">&lt;/div&gt;</span></code></pre>
                			</div>
                            <div class="well">
                                <h3>
                                    The quick, brown fox jumps over a lazy dog.
                                </h3>
                                I feel the presence of the Almighty, who formed us in his own image, and the breath
                            </div>
                            <div class="well well-lg">
                                <h3>
                                    Quick zephyrs blow, vexing daft Jim.
                                </h3>
                                I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees
                            </div>
                            <div class="well well-sm">
                                <h3>
                                    Joaquin Phoenix was gazed by MTV for luck
                                </h3>
                                A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
                            </div>
	                    </div>
	                </div>
	            </div>
        	</div>
		</div>
		<!-- 全局js 开始-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/bootstrap/bootstrap.min.js"></script>
		<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="../js/custom/custom.js"></script>
		<script src="../js/plugins/pace/pace.min.js"></script>
		<!-- 全局js 结束-->
		<!-- 页面js 开始-->
		<!-- iframeResizer -->
		<!-- <script src="../js/plugins/iframeResizer/iframeResizer.contentWindow.min.js"></script> -->
		<!-- 页面js 结束-->
	</body>
</html>